<template>
    <div class = "inform">
        <van-nav-bar
            title="帮助与反馈"
            left-arrow
            @click-left="onClickLeft"
        />
        <nav>
            你可以:
        </nav>
        <aside>
            <router-link 
                :to="{name:'informFinish'}"
                tag="article"
            >
                <p>提交给mylove团队审核</p>
                <div class = "icon">
                    <img src="@/assets/images/right.png" alt="">
                </div>
            </router-link>
        </aside>
        <router-link
            :to="{name:'needKnow'}"
            tag="section"
        >
            <span>投诉需知</span>
        </router-link>
    </div>
</template>

<script>
export default {
    name:"reform",
    methods:{
        onClickLeft(){
            this.$router.go(-1)
        }
    }
}
</script>

<style lang="scss" scoped>
@font-face {
    font-family: font_name;
    src: url("../../assets/font/PingFang-SC-Medium.ttf");
}
    .inform{
        .van-hairline--bottom{
            background:blue;
            .van-icon-arrow-left{
                font-size:16px;
                font-weight:600;
                color:#fff;
            }
            .van-ellipsis{
                color:#fff;
            }
        }
        nav{
            height:50px;
            width:100%;
            font-size:14px;
            line-height:50px;
            color:#747474;
            font-weight:500;
            font-family: font_name;
            padding-left:10px;
        }
        aside{
            width:100%;
            margin-bottom:10px;
            height:auto;
            article{
                height:45px;
                padding:0  10px;;
                background:#fff;
                display: flex;
                align-items: center;
                justify-content: space-between;
                border-bottom:1px solid #eee;
                font-weight: 500;
                font-family: font_name;
                color:#323232;
                font-size:16px;
                .icon{
                    height:12px;
                    width:7px;
                    margin-top:-5px;
                    img{
                        height:100%;
                        width:100%;
                    }
                }
            }
        }
        /* 投诉需知 */
        section{
            position: fixed;
            bottom:10px;
            display:flex;
            justify-content: center;
            width:100%;
            align-items: center;
            // background:red;
            span{
                font-family: font_name;
                // background: red;
                color:#388FF1;
                font-size:14px;
            }
        }
    }
</style>


